<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/couponproduct.css">
    <title>优惠券界面</title>
</head>

<body>
    <!-- 头部部分开始 -->
    <div class="mmm_header">
        <div class="mmm_header_left glyphicon glyphicon-chevron-left
                "></div>
        <div class="mmm_header_middle">优惠券</div>
        <div class="mmm_header_right 
                ">
            <span class="glyphicon glyphicon-download-alt  mmm_appicon"></span>
            <div>APP下载</div>
        </div>

    </div>
    <!-- 头部部分结束 -->

    <!-- 主体部分开始 -->
    <div class="main" id="main">
        <div class="main_tip">--点餐前出示手机中的优惠券，即可享受优惠--</div>
        <!-- 遮罩层 -->
        <div class="mask">
        </div>
        <!-- 遮罩层内容 -->
         <div class="mask_content">
            <img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc22.jpg" alt=" 香辣鸡腿堡+百事可乐(中) 2016年10月凭肯德基优惠券">
            <div class="arrow_left glyphicon glyphicon-chevron-left
            "></div>
            <div class="arrow_right glyphicon glyphicon-chevron-right
            "></div>
            <div class="close glyphicon glyphicon-remove
            "></div>
        </div> 

        <div class="container_coupon">
            <a class="coupon">
                <div class="coupon_img">
                    <img src="http://d3.5ikfc.com/static/thumbs/1016/kfc-5ikfc-108_pc27.jpg" alt=" 两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券">
                </div>
                <div class="coupon_content">
                    <p class="coupon_info">"C27 两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券"</p>
                    <span class="coupon_price">￥28</span>
                    <span class="coupon_date">"有效期至10月31日"</span>
                </div>
            </a>
        </div>



    </div>
    <!-- 主体部分结束 -->


    <!-- 底部部分开始 -->
    <div class="mmm_footer">
        <div class="mmm_footer_nav">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a href="javascript:;" class="top">
                <span class="glyphicon glyphicon-arrow-up
                        "></span>
                返回顶部</a>

        </div>
        <div class="mmm_footer_web">
            <div class="mmm_footerr_web_info">
                <a href="javascript:;">手机app下载</a>
                <span>慢慢手机版--掌上比价平台</span>
            </div>
            <div class="mmm_footer_web_add">
                m.manmanbuy.com
            </div>
        </div>
    </div>
    <!-- 底部部分结束 -->
</body>
<script type="text/html" id="couponProTemp">
    {{each result as value i}}
    <a class="coupon">
        <div class="coupon_img">
            {{#value.couponProductImg}}
        </div>
        <div class="coupon_content">
            <p class="coupon_info">
                {{value.couponProductName}}
            </p>
            <span class="coupon_price">
                    {{value.couponProductPrice}}
            </span>
            <span class="coupon_date">
                {{value.couponProductTime}}
            </span>
        </div>
    </a>
    {{/each}}
</script>

<script src="../lib/jquery/jquery.js"></script>
<script src="../js/template.js"></script>
<script src="../js/common.js"></script>
<script src="../js/couponproduct.js"></script>



</html>